<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>我的积分</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>
<ion-content class="score">
    <div class="score-top">
        <span>
          <img src="assets/imgs/my/score/pay.png" alt="">
          <label>付款</label>
        </span>
        <span>
          <img src="assets/imgs/my/score/score.png" alt="">
          <label>积分</label>
          <label>6</label>
          </span>
        <span>
          <img src="assets/imgs/my/score/cash.png" alt="">
          <label>兑现</label>
        </span>
    </div>
    <div class="score-title">能效通服务</div>
    <div class="score-bottom">
        <ion-grid>
            <ion-row>
                <ion-col class="score-items" size="4" *ngFor="let item of (scoreList | listLength: 0:3);let i = index" (click)="toNext(i)">
                    <img *ngIf=" item " [src]=" 'assets/imgs/gallery/SVG/'+item.id+ '.svg' ">
                    <label *ngIf="item ">{{ item.name }}</label>
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
</ion-content>